<template>
  <div class="content-tabs">
    <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-angle-double-left"></i></button>
    <nav class="page-tabs J_menuTabs" id="rftags">
      <div class="page-tabs-content">
        <a href="javascript:void (0);" class="active J_menuTab" data-id="/backend/main/system" id="rftagsIndexLink">首页</a>
        <!--默认主页需在对应的选项卡a元素上添加data-id="默认主页的url"-->
      </div>
    </nav>
    <button class="roll-nav roll-right J_tabRight"><i class="fa fa-angle-double-right"></i></button>
    <div class="btn-group roll-nav roll-right">
      <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作</button>
      <ul role="menu" class="dropdown-menu dropdown-menu-right">
        <li class="J_tabShowActive"><a>定位当前选项卡</a></li>
        <li class="divider"></li>
        <li class="J_tabCloseAll"><a>关闭全部选项卡</a></li>
        <li class="J_tabCloseOther"><a>关闭其他选项卡</a></li>
      </ul>
    </div>
    <a href="/backend/site/logout" data-method="post" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>
  </div>
</template>

<script>
    export default {
        name: "IndexTabs"
    }
</script>

<style scoped>

</style>
